
@import "./mixin.scss";
@media screen and (min-device-aspect-ratio: 1.5) {
  @include border-1px;
  &::after {
    -webkit-transform: scaleY(0.7);
    transform: scaleY(0.7);
  }
}
@media screen and (min-device-aspect-ratio: 2) {
  @include border-1px;
  &::after {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5)
  }
}

body, html {

  font-weight: 200;
  font-family: 'PingFang SC','STHertiSC-Light','HelveTica-Light', Arial, sans-serif;
}
.clearFix {
  //display: inline-block;
  &:after {
    display: block;
    content: ".";
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
  }
}
.block-container{
  font-size:0;
  *font-size:200px;
  text-align: center;

  .block{
    display: inline-block;
    vertical-align: middle;
  }

  &:after{
    display:inline-block;
    width:0;
    height:100%;
    content:"center";
    vertical-align:middle;
    overflow:hidden;
  }
}
